
/*--------------------home---------------------------*/
.label{
    -fx-text-fill: rgb(255,255,255);
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 5.0, 0, 0, 0);
}
.music-home{
    -fx-pref-width:400px;
    -fx-pref-height:600px;
}
/*顶部*/
.top-box{
    -fx-max-height:0px;
    -fx-alignment:center;
    -fx-padding:40px 0 0 0;
    -fx-spacing:10px;
}
.title-label, .artist-label{
    -fx-text-fill:rgb(255,255,255);
    -fx-max-width:300px;
    -fx-alignment:center;
}
.title-label{
    -fx-font-size: 18px;
}
.artist-label{
    -fx-font-size: 14px;
}
/*底部*/
.bottom-box{
    -fx-pref-width:400px;
    -fx-max-height:100px;
/*    -fx-padding:40px;*/
    -fx-spacing:20px;
}
.progress-box{
    -fx-alignment:center;
    -fx-spacing:10px;
}
.progress-line{
    -fx-pref-width:280px;
}
.progress-line > .track,.progress-line > .thumb{
    -fx-background-color: rgb(255,255,255);
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 5.0, 0, 0, 0);
}
.progress-line > .track{
    -fx-pref-height: 1px;
}
.progress-line > .thumb{
    -fx-pref-height: 15px;
    -fx-pref-width: 6px;
    -fx-background-insets:0;
}
.progress-line > .thumb:hover{
    -fx-cursor:hand;
}
.but-box{
    -fx-alignment:center;
    -fx-spacing:20px;
}
.bottom-but,.pause-start-but{
    -fx-background-color: rgb(255,255,255,0.3);
    -fx-padding:0px;
    /*-fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 5.0, 0, 0, 0);*/
/*    -fx-text-fill: #303133;*/
}
.bottom-but{
    -fx-pref-height: 30px;
    -fx-pref-width: 30px;
    -fx-background-radius: 15px;
    -fx-text-fill: #303133;
}
.pause-start-but{
    -fx-pref-height: 40px;
    -fx-pref-width: 40px;
    -fx-background-radius: 20px;
}
.bottom-but > .ikonli-font-icon{
    -fx-icon-size: 18px;
    -fx-icon-color:#303133;
}
.pause-start-but > .ikonli-font-icon{
    -fx-icon-size: 25px;
    -fx-icon-color:#303133;
}
.bottom-but:hover, .pause-start-but:hover{
    -fx-cursor:hand;
}
/*右侧*/
.right-box{
    -fx-max-height:300px;
    -fx-max-width:50px;
    -fx-alignment:center;
    -fx-spacing:10px;
}
.volume-slider > .track,.volume-slider > .thumb{
    -fx-background-color: rgb(255,255,255);
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 5.0, 0, 0, 0);
}
.volume-slider > .track{
    -fx-pref-width: 2px;
}
.volume-slider > .thumb{
    -fx-pref-width: 15px;
    -fx-pref-height: 6px;
    -fx-background-insets:0;
}
.volume-slider > .thumb:hover{
    -fx-cursor:hand;
}
.volume-but{
    -fx-background-color: transparent;
    -fx-padding:0px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 5.0, 0, 0, 0);
}
.volume-but > .ikonli-font-icon{
    -fx-icon-size: 20px;
    -fx-icon-color:rgb(255,255,255);
}